<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>水果选择</title>
</head>
<body>计科2412张扬31
	<!--
     1、不同选项的 value 分别为 apple、cherry、grape、pear、watermelon
     2、选择多项后，点击提交按钮，页面会跳转到 1_11.html，URL 中会包含选择的水果，1_11.html?fruit=apple&fruit=grape&fruit=pear。原因：get 方法会将表单数据作为查询参数附加在 URL 后面，多选时每个选中项都会出现在 URL 中。
     -->
    <p>请选择您需要的水果：</p>
    <form action="1_11.html" method="get">
        <select name="fruit" multiple size="5" style="width: 400px; height: 200px;">
            <option value="apple">苹果</option>
            <option value="cherry">樱桃</option>
            <option value="grape">葡萄</option>
            <option value="pear">梨</option>
            <option value="watermelon">西瓜</option>
        </select>
        <p><input type="submit" value="提交"></p>
    </form>
</body>
</html>